
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<link rel="shortcut icon" type="image/x-icon" href="">
		<link rel="stylesheet" type="text/css" href="css/normalize.min.css" />
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript">
		</script>
		<!--<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>-->
		<title>咨询</title>
	</head>

	<body class="body" style="width: 100%;overflow: hidden;background-color: #F7F7F7;">

		<div class="form-page result-page" style="text-align: center;">
			<img class="res-logo" src="img/right.png" />
			<p style="font-size: 24px;">感谢您的信赖</p>
			<p style="padding: 0 25px; text-align: left;line-height: 2;">
				我们的业务经理，在24小时之内与您电话联系，请保持电话畅通，想要了解更多详情，请登录官网 <span style="color: #f43f39;">www.zjjr56.com</span>
			</p>
			</br>
			</br>
		</div></br></br></br></br>
<div id="closeButton" class="commit commit2">返回公众号</div>
		<div class="message">
			<div class="messagebody">
				<p class="message-text"></p>
			</div>
		</div>

		<script type="text/javascript">
			(function() {

				window.onload = function() {
					$('.form-page').addClass('move');
				};

				//初始化微信onBridgeReady
				Zepto(function($) {
					function onBridgeReady() {
						$('#closeButton').click(function() {
							closeClient()
						});
					}
					//关闭微信浏览器方法
					function closeClient() {
						WeixinJSBridge.invoke("closeWindow", {}, function(e) {});
					}
					if(typeof WeixinJSBridge == "undefined") {
						if(document.addEventListener) {
							document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
						} else if(document.attachEvent) {
							document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
							document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
						}
					} else {
						onBridgeReady();
					}

				});
			}());
		</script>
		<style type="text/css">
			* {
				font-size: 16px;
			}
			
			a {
				color: white;
				text-decoration: none;
			}
			
			.content {
				padding-bottom: 40px;
			}
			
			.form-page {
				transform: translateX(200px);
				-webkit-transform: translateX(200px);
				-moz-transform: translateX(200px);
			}
			
			.move {
				transform: translateX(0px);
				-webkit-transform: translateX(0px);
				-moz-transform: translateX(0px);
				transition: all 0.3s ease-in;
				-moz-transition: all 0.3s ease-in;
				/* Firefox 4 */
				-webkit-transition: all 0.3s ease-in;
				/* Safari and Chrome */
				-o-transition: all 0.3s ease-in;
				/* Opera */
			}
			
			.flex-box {
				display: box;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				justify-content: flex-start;
			}
			
			.items-center {
				-webkit-box-align: center;
				-moz-box-align: center;
				align-items: center;
				-webkit-align-items: center;
			}
			
			.banner img {
				display: block;
			}
			
			.wd-100 {
				width: 100%;
			}
			
			.banner {
				position: relative;
			}
			
			.logo {
				width: 29%;
				margin: auto;
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
			}
			
			.content {
				padding: 35px 26px;
				text-align: center;
			}
			
			.input-item {
				margin-top: 5px;
				height: 40px;
				overflow: hidden;
				border: 1px solid #CCCCCC;
				border-style: none none solid none;
			}
			
			.input-item img {
				display: block !important;
				width: 17px;
				height: 17px;
				vertical-align: middle;
			}
			
			.input-item input {
				width: 100%;
				display: block !important;
				height: 30px;
				appearance: none;
				-moz-appearance: none;
				-webkit-appearance: none;
				BACKGROUND-COLOR: transparent;
				height: 30px;
				border: none;
				outline: none;
				zoom: 1;
				-webkit-user-modify: read-write-plaintext-only;
				-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
			}
			
			.icon {
				width: 7%;
			}
			
			.placeho {
				width: 25%;
			}
			
			.value {
				overflow: hidden;
				width: 65%;
			}
			
			.getCode {
				margin: 0 3px 0 10px;
				border: 1px solid #F43F39;
				color: #F43F39;
				height: 22px;
				font-size: 12px;
				line-height: 22px;
			}
			
			.commit {
				text-align: center;
				display: block;
				margin: 0 auto;
				width: 265px;
				height: 44px;
				background-image: url(img/commit-button.png);
				background-size: 100% 100%;
				line-height: 44px;
				color: white;
			}
			
			.message {
				display: none;
				z-index: 3;
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background-color: rgba(40, 40, 40, 0.5);
				font-size: 12px;
			}
			
			.messagebody {
				position: relative;
				width: 100%;
				height: 100%;
			}
			
			.message-text {
				margin: auto;
				position: absolute;
				top: 40%;
				left: 50%;
				margin-left: -100px;
				width: 200px;
				padding: 15px 10px;
				background-color: white;
				border-radius: 5px;
				text-align: center;
				color: #999999;
				line-height: 1.5;
			}
			
			.res-logo {
				width: 50px;
				height: 50px;
				display: block;
				margin: 0 auto;
			}
			
			.result-page {
				background-color: #FFFFFF;
				padding-top: 25px;
				text-align: center;
				line-height: 2.7;
			}
			
			.commit2 {
				background-image: url(img/pi-button.png);
			}
		</style>
	</body>

</html>